<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/amazeui.css" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.top {
				height: 50px;
				line-height: 50px;
				text-align: center;
				background-color: #FF608E;
			}
			
			#myfoot a {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-align: center;
				-webkit-box-pack: center;
			}
			
			#myfoot span:first-of-type {
				font-size: 16px;
			}
			
			.top span {
				color: white;
				font-size: 18px;
				font-weight: bold;
				color: white;
			}
			
			.mytop {
				height: 200px;
				border-bottom: 1px solid #FF608E;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-align: center;
				-webkit-box-pack: center;
				font-size: 14px;
			}
			
			.mytop img {
				border: 3px solid #007AFF;
				border-radius: 40px;
				width: 70px;
				margin-bottom: 20px;
			}
			
			.maindiv {
				display: -webkit-box;
				-webkit-box-align: center;
				line-height: 40px;
				font-size: 14px;
			}
			
			.maindiv div:first-of-type {
				width: 80px;
				text-align: center;
				height: 25px;
				line-height: 25px;
				border-right: 1px solid #C0C0C0;
			}
			
			.maindiv div:last-of-type {
				-webkit-box-flex: 1;
				text-align: center;
			}
			
			.spancolo {
				color: #FF608E;
				font-weight: bold;
			}
			
			.tuichu {
				height: 50px;
				line-height: 50px;
				text-align: center;
				background-color: #BE2924;
				color: white;
				clear: both;
			}
			
			.maintop {
				padding: 0px 10px;
				font-size: 14px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				border-bottom: 1px solid #CCCCCC;
				border-top: 1px solid #CCCCCC;
			}
			
			.maintop span:first-of-type {
				float: left;
			}
			
			.maintop span:last-of-type {
				float: right;
			}
			
			.myma {
				border-top: 5px solid #CCCCCC;
			}
			
			#my-alert {
				padding: 5px;
			}
			.denglu{
				height: 40px;
				line-height: 40px;
				text-align: center;
				color: white;
				background-color: #007AFF;
				clear: both;
			}
		</style>
	</head>

	<body>
		<!--二维码-->
		<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
			<div class="am-modal-dialog">
				<div id="doc-qrcode" class="am-text-center"></div>
			</div>
		</div>
		<!--头部-->
		<div class="top" data-am-sticky>
			<span>个人中心</span>
		</div>
		<div class="mytop">
			<img :src="headimg" />
			<div v-html="name">朱主爱</div>
			<a href="../init/init.html"><div v-if="!curr">未登录</div></a>
		</div>
		<!--个人资料-->
		<div class="main">
			<div class="maintop">
				我的预约
			</div>
			<div class="maindiv">
				<div>我的<span class="spancolo">YNM</span></div>
				<div @click="mymain" class="chakan">查看详情</div>
			</div>
			<div class="maintop" @click="xiugai">
				<span>我的资料</span>
				<span class="Hui-iconfont Hui-iconfont-slider-right"></span>
			</div>
			<div @click="myma" class="maintop myma" data-am-modal="{target: '#my-alert'}">
				<span>我的二维码</span>
				<span class="Hui-iconfont Hui-iconfont-2code"></span>
			</div>
			<div class="tuichu" v-if="curr">退出登录</div>
			<a href="../init/init.html" v-if="!curr"><div class="denglu">立即登录</div></a>
		</div>

		<!--脚步导航-->
		<div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default " id="myfoot">
			<ul class="am-navbar-nav am-cf am-avg-sm-4">
				<li>
					<a href="../index.html">
						<span class="Hui-iconfont  Hui-iconfont-home"></span>
						<span class="am-navbar-label">主页</span>
					</a>
				</li>
				<li>
					<a href="../page2/page2.html">
						<span class="Hui-iconfont Hui-iconfont-moban-2"></span>
						<span class="am-navbar-label">详情</span>
					</a>
				</li>
				<li>
					<a href="../page3/page3.html">
						<span class="Hui-iconfont Hui-iconfont-comment"></span>
						<span class="am-navbar-label">信息</span>
					</a>
				</li>
				<li>
					<a href="../page4/page4.html">
						<span class="Hui-iconfont Hui-iconfont-avatar"></span>
						<span class="am-navbar-label">个人中心</span>
					</a>
				</li>
			</ul>
		</div>
		<script src="../js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/amazeui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="vue/myvue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//退出
			$(".tuichu").click(function() {
				AV.User.logOut();
				// 现在的 currentUser 是 null 了
				var currentUser = AV.User.current();
				location.href = "../init/init.html";
			})
		</script>
	</body>

</html>